<script src="./js/$require.js"></script>

<script>

// on document ready call start
$r.ready(function() {

   // init
   var mainSurface = gamejs.display.setMode([800, 600]);
   gamejs.display.setCaption("Example Draw");
   
   gamejs.draw.line(mainSurface, '#ff0000', [0,0], [100,100], 1);
   gamejs.draw.lines(mainSurface, '#00ff00', true, [[50,50], [100,50], [100,100], [50,100]], 4);
   gamejs.draw.circle(mainSurface, '#0000ff', [150, 150], 50, 10); // outline
   gamejs.draw.circle(mainSurface, '#00ccff', [250, 250], 50, 0); // fill
   gamejs.draw.rect(mainSurface, '#cccccc', new gamejs.Rect(10, 150, 20, 20), 2); // outline
   gamejs.draw.rect(mainSurface, '#cccccc', new gamejs.Rect(50, 150, 20, 20), 0); // fill

   // and some text
   var defaultFont = new gamejs.font.Font("20px Verdana"); // css font definition
   var textSurface = defaultFont.render("Example Draw Test 101", "#bbbbbb");
   mainSurface.blit(textSurface, [300, 50]);

});
 
</script>
</head>

<body>
</body>

